<!DOCTYPE html>
<html lang=-->
<head>
    <!-- so meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="HandheldFriendly" content="True">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="专业的 Markdown 写作支持 极简 UI、Dark Mode、漂亮的 Markdown 语法高亮、列表缩进优化，提供 5 种主题选择。 除了支持基本的 Markdown 语法外，还支持大量 Markdown 扩展语法：Table、TOC、MathJax、Fenced code block、任务列表（Task lists）、顺序图和流程图、Footnote 等。 支持 Typewriter S">
<meta property="og:type" content="article">
<meta property="og:title" content="MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件">
<meta property="og:url" content="https://iiitoo.com/2015/03/22/MWeb/index.html">
<meta property="og:site_name" content="iiitoo">
<meta property="og:description" content="专业的 Markdown 写作支持 极简 UI、Dark Mode、漂亮的 Markdown 语法高亮、列表缩进优化，提供 5 种主题选择。 除了支持基本的 Markdown 语法外，还支持大量 Markdown 扩展语法：Table、TOC、MathJax、Fenced code block、任务列表（Task lists）、顺序图和流程图、Footnote 等。 支持 Typewriter S">
<meta property="og:updated_time" content="2017-05-12T22:18:57.000Z">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件">
<meta name="twitter:description" content="专业的 Markdown 写作支持 极简 UI、Dark Mode、漂亮的 Markdown 语法高亮、列表缩进优化，提供 5 种主题选择。 除了支持基本的 Markdown 语法外，还支持大量 Markdown 扩展语法：Table、TOC、MathJax、Fenced code block、任务列表（Task lists）、顺序图和流程图、Footnote 等。 支持 Typewriter S">
        
            
            
            
        <link rel="shortcut icon" href="/images/favicon.ico">
            
              
              
              
        <link rel="icon" type="image/png" href="/images/favicon-192x192.png" sizes="192x192">
              
              
              
              
        <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
              
              
        
        <!-- title -->
        <title>
        MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件
        </title>
        <!-- styles -->
        <link rel="stylesheet" href="/css/style.css">
        <!-- styles -->
<link rel="stylesheet" href="/lib/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_lb4f241dchqcl3di.css">
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/lib/meslo-LG/styles.css">
<link rel="stylesheet" href="/lib/justified-gallery/justifiedGallery.min.css">

        <!-- rss -->
        
        
        <link rel="alternate" href="/atom.xml" title="iiitoo" type="application/atom+xml" />
                                                                                                    
</head>

<body>
    
      <div id="header-post">
  <a id="menu-icon" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="menu-icon-tablet" href="#"><i class="fa fa-bars fa-lg"></i></a>
  <a id="top-icon-tablet" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" style="display:none;"><i class="fa fa-chevron-up fa-lg"></i></a>
  <span id="menu">
    <span id="nav">
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </span>
    <br/>
    <span id="actions">
      <ul>
        
        <li><a class="icon" href="/2015/05/30/synergy一个鼠标就够了/"><i class="fa fa-chevron-left" aria-hidden="true" onmouseover='$("#i-prev").toggle();' onmouseout='$("#i-prev").toggle();'></i></a></li>
        
        
        <li><a class="icon" href="/2014/11/29/bootstrap/"><i class="fa fa-chevron-right" aria-hidden="true" onmouseover='$("#i-next").toggle();' onmouseout='$("#i-next").toggle();'></i></a></li>
        
        <li><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up" aria-hidden="true" onmouseover='$("#i-top").toggle();' onmouseout='$("#i-top").toggle();'></i></a></li>
        <li><a class="icon" href="#"><i class="fa fa-share-alt" aria-hidden="true" onmouseover='$("#i-share").toggle();' onmouseout='$("#i-share").toggle();' onclick='$("#share").toggle();return false;'></i></a></li>
      </ul>
      <span id="i-prev" class="info" style="display:none;">Previous post</span>
      <span id="i-next" class="info" style="display:none;">Next post</span>
      <span id="i-top" class="info" style="display:none;">Back to top</span>
      <span id="i-share" class="info" style="display:none;">Share post</span>
    </span>
    <br/>
    <div id="share" style="display: none">
      <ul>
    <!-- <li class="social-share share-component" data-sites="facebook"></li> -->
    <li class="social-share share-component" data-sites="wechat"></li>
    <li class="social-share share-component" data-sites="qq"></li>
    <li class="social-share share-component" data-sites="twitter"></li>
    <li class="social-share share-component" data-sites="weibo"></li>
    <li class="social-share share-component" data-sites="tencent"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <li class="social-share share-component" data-sites="douban"></li>
    <li class="social-share share-component" data-sites="diandian"></li>
    <li class="social-share share-component" data-sites="google"></li>
    <li class="social-share share-component" data-sites="linkedin"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <!-- <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-linkedin " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=https://iiitoo.com/2015/03/22/MWeb/&is_video=false&description=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-pinterest " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="mailto:?subject=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件&body=Check out this article: https://iiitoo.com/2015/03/22/MWeb/"><i class="fa fa-envelope " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://getpocket.com/save?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-get-pocket " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://reddit.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-reddit " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.stumbleupon.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-stumbleupon " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://digg.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-digg " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.tumblr.com/share/link?url=https://iiitoo.com/2015/03/22/MWeb/&name=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件&description="><i class="fa fa-tumblr " aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://connect.qq.com/widget/shareqq/index.html?url=https://iiitoo.com/2015/03/22/MWeb/&title=&source=&desc=&pics="><i class="fa fa-qq " aria-hidden="true"></i></a></li> -->

</ul>

    </div>
    <div id="toc">
      <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#专业的-Markdown-写作支持"><span class="toc-number">1.</span> <span class="toc-text">专业的 Markdown 写作支持</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#设计为两种模式"><span class="toc-number">2.</span> <span class="toc-text">设计为两种模式</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#文档库模式用于记笔记"><span class="toc-number">3.</span> <span class="toc-text">文档库模式用于记笔记</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#文档库模式用于静态博客生成"><span class="toc-number">4.</span> <span class="toc-text">文档库模式用于静态博客生成</span></a></li></ol>
    </div>
  </span>
</div>

    
    <div class="content index width mx-auto px2 my4">
        
        <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
  <header>
    
    <h1 class="posttitle" itemprop="name headline">
        MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件
    </h1>



    <div class="meta">
      <span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
        <span itemprop="name">iiitoo</span>
      </span>
      
    <div class="postdate">
        <time datetime="2015-03-21T22:26:49.000Z" itemprop="datePublished">2015-03-22</time>
    </div>


      

    </div>
  </header>
  

  <div class="content" itemprop="articleBody">
    <h2 id="专业的-Markdown-写作支持"><a href="#专业的-Markdown-写作支持" class="headerlink" title="专业的 Markdown 写作支持"></a>专业的 Markdown 写作支持</h2><ul>
<li>极简 UI、Dark Mode、漂亮的 Markdown 语法高亮、列表缩进优化，提供 5 种主题选择。</li>
<li>除了支持基本的 Markdown 语法外，还支持大量 Markdown 扩展语法：Table、TOC、MathJax、Fenced code block、任务列表（Task lists）、顺序图和流程图、Footnote 等。</li>
<li>支持 Typewriter Scrolling（打机滚动模式）<code>View</code> - <code>Typewriter Scrolling</code>。</li>
<li>支持发布和<strong>更新</strong>到：Wordrpess 博客、支持 Metaweblog API 的博客服务、Wordpress.com、Evernote 和印象笔记、Blogger、Tumblr。请在 <code>Preferences</code> - <code>Publishing</code> 增加发布服务，然后点击软件右上角的分享按钮即可看到所增加的发布服务。</li>
<li>支持即时预览并提供 6 种预览主题，其中二种和静态博客主题相对应，也就是说您在写博客时可以即时预览大概效果！所有主题效果都支持导出为 HTML、PDF。快捷键 <code>CMD + R</code> 或 <code>CMD + 4</code> 打开即时预览窗口。</li>
<li>编辑器和实时预览都支持大纲视图，长文档时跳转非常方便。</li>
</ul>
<h2 id="设计为两种模式"><a href="#设计为两种模式" class="headerlink" title="设计为两种模式"></a>设计为两种模式</h2><ul>
<li>外部文档模式：用于新建、打开和编辑外部 Markdown 文档。也支持引入外部文件夹到 MWeb 中管理。</li>
<li>文档库模式：用分类树管理文档，可以把文档设为多个分类，用于记笔记和静态网站生成。</li>
</ul>
<p><code>CMD + E</code> 或使用菜单 <code>View</code> - <code>Open External</code> 可打开外部文档模式。</p>
<p><code>CMD + L</code> 或使用菜单 <code>View</code> - <code>Open Library</code> 可打开文档库。</p>
<p>文档库模式和外部模式都支持<strong>全文搜寻（Full Text Search）</strong>，都可以用拖放或粘贴插入图片并直接显示。<code>CMD + V</code> 粘贴为JPG格式，<code>CMD + Shift + V</code> 粘贴为PNG透明格式。</p>
<p>外部模式引入 Octpress、Jekyll 等静态博客的文件夹后也支持拖放或粘贴插入图片和实时预览，详细请参考：<a href="http://zh.mweb.im/mweb-1.4-add-floder-octpress-support.html" target="_blank" rel="external">引入文件夹到 MWeb 中管理，支持 Octpress、Jekyll 等静态博客拖拽插入图片和实时预览</a></p>
<h2 id="文档库模式用于记笔记"><a href="#文档库模式用于记笔记" class="headerlink" title="文档库模式用于记笔记"></a>文档库模式用于记笔记</h2><p>文档库模式使用分类树组织和管理文档，支持拖放或粘贴插入图片并直接显示，插入非图片则会生成连结。</p>
<p>支持把 Markdown 或文本文档导入到文档库，也支持把整个分类或者文档（可选多个）导出为 HTML、PDF、Markdown。</p>
<p>更详细的信息请看：<a href="http://zh.mweb.im/mweb-document-library.html" target="_blank" rel="external">MWeb 文档库模式详细说明</a></p>
<h2 id="文档库模式用于静态博客生成"><a href="#文档库模式用于静态博客生成" class="headerlink" title="文档库模式用于静态博客生成"></a>文档库模式用于静态博客生成</h2><p>一键把分类生成静态博客，目前可选二个主题，支持自定主题。只要填入 Disqus、多说提供的代码即可以为博客增加评论功能。可勾选让网站支持 MathJax 和顺序图、流程图。</p>
<p>更详细的信息请看：<a href="http://zh.mweb.im/mweb-static-blog-generator.html" target="_blank" rel="external">MWeb 生成静态博客详细说明</a>、<a href="http://zh.mweb.im/mweb-1.4-static-blog-extension.html" target="_blank" rel="external">静态博客功能增强</a></p>

  </div>
</article>



    </div>
    
      <div id="footer-post-container">
  <div id="footer-post">

    <div id="nav-footer" style="display: none">
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </div>

    <div id="toc-footer" style="display: none">
      <ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#专业的-Markdown-写作支持"><span class="toc-number">1.</span> <span class="toc-text">专业的 Markdown 写作支持</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#设计为两种模式"><span class="toc-number">2.</span> <span class="toc-text">设计为两种模式</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#文档库模式用于记笔记"><span class="toc-number">3.</span> <span class="toc-text">文档库模式用于记笔记</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#文档库模式用于静态博客生成"><span class="toc-number">4.</span> <span class="toc-text">文档库模式用于静态博客生成</span></a></li></ol>
    </div>

    <div id="share-footer" style="display: none">
      <ul>
    <!-- <li class="social-share share-component" data-sites="facebook"></li> -->
    <li class="social-share share-component" data-sites="wechat"></li>
    <li class="social-share share-component" data-sites="qq"></li>
    <li class="social-share share-component" data-sites="twitter"></li>
    <li class="social-share share-component" data-sites="weibo"></li>
    <li class="social-share share-component" data-sites="tencent"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <li class="social-share share-component" data-sites="douban"></li>
    <li class="social-share share-component" data-sites="diandian"></li>
    <li class="social-share share-component" data-sites="google"></li>
    <li class="social-share share-component" data-sites="linkedin"></li>
    <li class="social-share share-component" data-sites="qzone"></li>
    <!-- <li><a class="icon" href="http://www.linkedin.com/shareArticle?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-linkedin fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://pinterest.com/pin/create/bookmarklet/?url=https://iiitoo.com/2015/03/22/MWeb/&is_video=false&description=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-pinterest fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="mailto:?subject=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件&body=Check out this article: https://iiitoo.com/2015/03/22/MWeb/"><i class="fa fa-envelope fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="https://getpocket.com/save?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-get-pocket fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://reddit.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-reddit fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.stumbleupon.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-stumbleupon fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://digg.com/submit?url=https://iiitoo.com/2015/03/22/MWeb/&title=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件"><i class="fa fa-digg fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://www.tumblr.com/share/link?url=https://iiitoo.com/2015/03/22/MWeb/&name=MWeb - 专业的 Markdown 写作、记笔记、静态博客生成软件&description="><i class="fa fa-tumblr fa-lg" aria-hidden="true"></i></a></li>
    <li><a class="icon" href="http://connect.qq.com/widget/shareqq/index.html?url=https://iiitoo.com/2015/03/22/MWeb/&title=&source=&desc=&pics="><i class="fa fa-qq fa-lg" aria-hidden="true"></i></a></li> -->

</ul>

    </div>

    <div id="actions-footer">
      <ul>
        <li id="toc"><a class="icon" href="#" onclick='$("#toc-footer").toggle();return false;'><i class="fa fa-list fa-lg" aria-hidden="true"></i> TOC</a></li>
        <li id="share"><a class="icon" href="#" onclick='$("#share-footer").toggle();return false;'><i class="fa fa-share-alt fa-lg" aria-hidden="true"></i> Share</a></li>
        <li id="top" style="display:none"><a class="icon" href="#" onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');"><i class="fa fa-chevron-up fa-lg" aria-hidden="true"></i> Top</a></li>
        <li id="menu"><a class="icon" href="#" onclick='$("#nav-footer").toggle();return false;'><i class="fa fa-bars fa-lg" aria-hidden="true"></i> Menu</a></li>
      </ul>
    </div>

  </div>
</div>

    
    <footer id="footer">
  <div class="footer-left">
    Copyright &copy; 2017 iiitoo
  </div>
  <div class="footer-right">
    <nav>
      <ul>
         
          <li><a href="/">首</a></li>
         
          <li><a href="/about/">关于这</a></li>
         
          <li><a href="/reading/">读什么</a></li>
         
          <li><a href="/book/">写本书</a></li>
         
          <li><a href="/categories/blog/">写博客</a></li>
         
          <li><a href="/categories/learning/">做什么</a></li>
        
      </ul>
    </nav>
  </div>
</footer>

</body>
</html>
<!-- jquery -->
<script src="/lib/jquery/jquery.min.js"></script>
<script src="/lib/bootstrap/js/bootstrap.min.js"></script>
<script src="/lib/share/js/jquery.share.js"></script>
<script src="/lib/justified-gallery/jquery.justifiedGallery.min.js"></script>
<script src="/js/main.js"></script>
<!-- Google Analytics -->

<!-- Disqus Comments -->


